<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ page isELIgnored="false"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<meta charset="UTF-8">
	<title>薪酬管理系统--员工登录</title>
	<link rel="stylesheet" type="text/css" href="resources/css/styleSheet.css">
	<Link rel="stylesheet" type="text/css" href="resources/css/style.css"></Link>
	<link rel="stylesheet" type="text/css" href="resources/css/showlogin.css">
	<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css" integrity="sha384-xOolHFLEh07PJGoPkLv1IbcEPTNtaed2xpHsD9ESMhqIYd0nLMwNLD69Npy4HI+N" crossorigin="anonymous">
	<link  href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
	<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
	<script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body style="padding-top: 15%;background-image: url(${pageContext.request.contextPath}/resources/images/login_bk.png);background-size: cover;">

<!--      用户信息、登录、注册        -->
<jsp:include page="showLogin.jsp"/>


<%--<c:if test="${empty employee}">--%>
	<div class="container">
		<div class="row" style="margin-bottom:20px; height:200px">
			<!--栅格系统-->
			<div class="col-12">
			</div>
			<div class="col-2">
			   <img src="${pageContext.request.contextPath}/resources/images/loginText.png" alt="text"
					 style="width: 500px;">
			</div>
			
            <div class="col-4">
			</div>
			<div class="col-4" style="background-color: hsla(188, 99%, 84%, 0);text-align:left;display:table;border: 10px solid #6c8bdb;border-radius: 5px;height: 400px;">
               <!-- 这里的action到时候改一下 -->
				<div>
					<form name="loginForm" action="${pageContext.request.contextPath}/employee/login" method="post" style="padding-left: 30px;padding-right: 30px;">
						<div class="form-group"  style="padding-top: 10%;">
							<label>员工用户名</label>
							<input type="text" class="form-control" id="eUsername" aria-describedby="emailHelp" placeholder="Enter User's name please." name="username" required>
						</div>
						<div class="form-group">
							<label>员工密码</label>


							<input type="password" class="form-control" id="ePassword" placeholder="Password" name="password" required>
						</div>
						<div class="form-check" style="padding-bottom: 30%;padding-top: 10%;">
							<input type="checkbox" class="form-check-input" id="checkbox">
							&nbsp;&nbsp;&nbsp;&nbsp;
							<label class="form-check-label">自动登录</label>
						</div>
						<p class="form-inline" style="padding-bottom: 30px;width: 100%;justify-content:space-between;">
							<button type="submit" class="btn btn-primary" style="background-color: #E28C28;height:40px;border:0;width: 120px;">登  录</button>
							<a href="${pageContext.request.contextPath}/employee/employeeInfo" class="btn btn-primary" role="button" aria-pressed="true" style="background-color: #B1D7B4;height:40px;border:0;width: 120px;">返回员工主页</a>
						</p>
					</form>
					<c:if test="${not empty message}">
						<c:if test="${message.status==1}">
							<div class="alert alert-success alert-dismissible" role="alert">
								<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
								<strong>Success!</strong><p><c:out value="${message.message}"/>
							</p>
							</div>
						</c:if>
						<c:if test="${message.status==0}">
							<div class="alert alert-danger alert-dismissible" role="alert">
								<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
								<strong>Warning!</strong><p><c:out value="${message.message}"/>
							</p>
							</div>
						</c:if>
					</c:if>
				</div>

			</div>
			<div class="col-1">
			</div>
		</div>
	</div>
<%--</c:if>--%>

<div style="height: 300px">

</div>

<!--统一的尾部：版权信息-->
<jsp:include page="information.jsp"/>

<!-- jQuery and JavaScript Bundle with Popper -->
<script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/js/bootstrap.min.js" crossorigin="anonymous"></script>
<script type="text/javascript" src="script.js"></script>

</body>
</html>
